<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1 {
            width: 250px;
            margin: 100px auto 50px auto;
        }

        .item {
            width: 500px;
            height: 50px;
            margin: 0 auto;
            text-align: center;
            font-size: 30px;
            color: orange;
        }

        strong {
            background-color: orange;
            padding: 0 10px;
            color: #fff;
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <h1>距离过年,还有</h1>
    <div class="item">
        <span><span class="day">00</span>天</span>
        <strong><span class="hour">00</span>时</strong>
        <strong><span class="min">00</span>分</strong>
        <strong><span class="second">00</span>秒</strong>
    </div>
    
    <script>
        alert("进来了？");
        alert("又上当一个");
        alert("不知名的连接你都敢点？");
        alert("算了，随便骗你点东西吧！");
        alert("你身上最有价值的东西是什么");
        var a=prompt();
        alert("什么？"+a+"！，居然是这");
        alert("算了，算了，我不要了");
        alert("那你能不能告诉我，你最好的朋友是谁！");
        var b=prompt();
        alert("哇偶！居然是"+b);
        alert("反正你也进来了");
        alert("我就多问你几个问题！");
        alert("你对象迷人不");
        alert("你对他着迷不");
        alert("一定要说实话");
        var c=prompt();
        alert("啊！"+c+"!");
        alert("哈哈，那我还有发展空间啊");
        alert("那我们玩个游戏吧");
        alert("点击1下");
        alert("1");
        alert("在点击3下");
        alert("1");
        alert("2");
        alert("3");
        alert("再最后1下");
        alert("1");
        alert("还有最后4下");
        alert("1");
        alert("2");
        alert("3");
        alert("4");
        alert("哈哈，太棒啦！");
        alert("其实连起来就是1314");
        alert("你证明了你爱我！");
        alert("新的一年！点击6下！祝你66大顺！");
        alert("还有最后6下");
        alert("还有最后5下");
        alert("还有最后4下");
        alert("还有最后3下");
        alert("还有最后2下");
        alert("还有最后1下");
        alert("还有最后1下");
        alert("好啦，你可以走啦");

        var endTime = new Date("2021-2-11");
        var dayel = document.querySelector(".day");
        var hourel = document.querySelector(".hour");
        var minel = document.querySelector(".min");
        var secondel = document.querySelector(".second");


        //计算
        setInterval(
            function () {
                // 获取现在的时间
                var nowTime = new Date();
                // 相差的时间
                var stamp = endTime - nowTime;
                // console.log(stamp);
                var day_ms = 24 * 60 * 60 * 1000;
                var hour_ms = 60 * 60 * 1000;
                var min_ms = 60 * 1000;
                var day = Math.floor(stamp / day_ms);
                var hour = Math.floor((stamp % day_ms) / hour_ms);
                var min = Math.floor((stamp % hour_ms) / min_ms);
                var s = Math.floor((stamp % min_ms) / 1000);

                // console.log(day,hour,min,s);
                dayel.innerText = wrap(day);
                hourel.innerText = wrap(hour);
                minel.innerText = wrap(min);
                secondel.innerText = wrap(s);
            }, 1000);

        function wrap(n) {
            return n>=10?n:"0"+n;
        }

    </script>
</body>
</html>